<template>
	<view class="page">
		<u-parse :html="detailObj"></u-parse>
		<!-- <text class="title">拆盒流程</text> -->
		<!-- <view class="process">
			<view class="box">
				选择盲盒
			</view>
			<view class="icon">
				<u-icon name="arrow-rightward" color="#CFA972" size="30"></u-icon>
			</view>
			<view class="box">
				支付订单
			</view>
			<view class="icon">
				<u-icon name="arrow-rightward" color="#CFA972" size="30"></u-icon>
			</view>
			<view class="box">
				人满开奖
			</view>
			<view class="icon">
				<u-icon name="arrow-rightward" color="#CFA972" size="30"></u-icon>
			</view>
			<view class="box">
				拆中商品
			</view>
		</view>
		<view class="tipsText">
			<text>易货</text>
			<view class="contentText">
				拆中的商品可以选择易货，换成积分直接发放到会员中心 “我的积分”账户内，可用于兑换商城兑换商品，或者参与 抽奖。确认易货操作后不可以撤销。
			</view>
		</view>
		<view class="tipsText">
			<text>发货</text>
			<view class="contentText">
				拆中的商品可以选择发货，填写收件地址后，平台会在48 小时内安排发货。
			</view>
		</view>
	 --></view>
</template>

<script>
	export default {
		data() {
			return {
				detailObj:'',
			};
		},
		methods:{
			getRules(_id){
				this.myHttp({
					url: '/surpriseblindbox/api/Blindbox/rule',
					data:{
						blindbox_id : _id,
					}
				}).then(res=>{
					if(res.code==0){
						try{
							this.detailObj = res.data.info.content
						}catch(e){
							//TODO handle the exception
						}
					}
					
				})
			},
		},
		onLoad({id}) {
			if(id){
				this.getRules(id)
			}
		},
		components:{
			
		},
		filters:{
			
		},
	}
</script>

<style lang="scss" scoped>
.page{
	width: 100%;
	height: 100vh;
	padding: 52rpx 24rpx;
	.title{
		font-weight: bold;
		color: #000000;
		font-size: 33rpx;
	}
	.process{
		margin: 45rpx 0 ;
		width: 100%;
		@include flexBetween;
		.box{
			width: 133rpx;
			height: 50rpx;
			border: 2rpx solid #CFA972;
			border-radius: 5rpx;
			@include flexCenter;
			color: #CFA972;
		}
		.icon{
			
		}
	}
	.tipsText{
		width: 706rpx;
		background: #FEF8EF;
		border-radius: 5rpx;
		padding: 26rpx 28rpx 60rpx;
		margin-bottom: 15rpx;
		text{
			color: #CFA972;
			font-size: 30rpx;
		}
		.contentText{
			line-height: 45rpx;
			margin-top: 33rpx;
		}
	}
	
}
</style>
